<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

    <script src="../../../../scripts/boot.js" type="text/javascript"></script>
    <script src="../../../../scripts/jquery.min.js" type="text/javascript"></script>
    <script src="../../../../scripts/miniui/miniui.js" type="text/javascript"></script>
    <script src="../../js/action.js" type="text/javascript"></script>
    <script src="../../js/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
    <script src="../../js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="../../js/xinyuansu.js"></script>

    <link href="../../css/base/jquery.ui.all.css" rel="stylesheet"type="text/css"/>
    <link href="../../css/main.css" rel="stylesheet"type="text/css"/>
    <style type="text/css">
        body{
            margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
        }
    </style>
</head>
<body>

<!--<div id="datagrid1" class="mini-treegrid" style="overflow: auto;height: 250px;"-->
     <!--url="" showTreeIcon="true" treeColumn="tableChClassName"-->
     <!--idField="tableClassId" parentField="PID"-->
     <!--resultAsTree="false" showCheckBox="false" checkRecursive="true" showFolderCheckBox="false"-->
<!--&gt;-->
    <!--<div property="columns">-->
        <!--<div type="indexcolumn"></div>-->
        <!--<div field="tableChClassName"name="tableChClassName">数据库表名</div>-->
        <!--<div field="fieldCh" >字段(中文)</div>-->
        <!--<div field="field"  >字段(英文)</div>-->
    <!--</div>-->
<!--</div>-->
	<!--<div class="mini-toolbar" style="padding:2px;border-top:0;border-left:0;border-right:0;">-->
	    	<!--<a class="mini-button" onclick="onOk" style="width:60px;margin-right:5px;">确定</a>-->
	    	<!--<a class="mini-button" onclick="onCancel" style="width:60px;">取消</a>-->
	<!--</div>-->
	<!--按钮栏-->
	<div style="width:100%;">
		<div class="mini-toolbar" style="border-bottom:0;padding:0px;">
			<table style="width:100%;">
				<tr>
					<td style="width:100%;">
						<a class="mini-button" onclick="onOk" style="width:60px;margin-right:5px;">确定</a>
						<a class="mini-button" onclick="onCancel" style="width:60px;">取消</a>
					</td>
					<td style="white-space:nowrap;">
						<input id="searchCols" class="mini-comboBox" style="width:150px;" textField="text" valueField="id"/>
						<input id="searchKey" class="mini-textbox" style="width:150px;" onenter="onKeyEnter"/>
						<a class="mini-button" onclick="search()">查询</a>
					</td>
				</tr>
			</table>
		</div>
	</div>
	<!--<div class="mini-fit">-->
		<!--<div id="noTreeGrid" class="mini-datagrid" style="width:100%;height:100%;"></div>-->
	<!--</div>-->
	<div id="noTreeGrid" style="width:100%;height:100%;"></div>
	<div id="treeSize" class="mini-splitter" style="width:100%;height:100%;">
	 	
	 	<div size="240" showCollapseButton="true">
	 	 	
	    	<div class="mini-fit">
	     	<!--左侧树结构-->
	                <!-- <ul id="tree1" class="mini-tree" style="width:100%;height:200px"
	                    showTreeIcon="true" textField="name" idField="id" resultAsTree="false"
	                >
	                </ul> -->
	                <ul id="tree1" class="mini-tree" style="width:100%;height:calc(100% - 20px);display: inline-block;"
	                idField="id" parentField="pid" showTreeIcon="true" textField="name" resultAsTree="false"
	            	></ul>  
	        </div>

	    </div> 
	    <div showCollapseButton="true">
	    	<div class="mini-fit">
	    		<div id="gridField"></div>
	    	</div>
	    </div>       
	 </div>


<!-- <div style="text-align:center;padding:10px;">
    <a class="mini-button" onclick="onOk" style="width:60px;margin-right:20px;">确定</a>
    <a class="mini-button" onclick="onCancel" style="width:60px;">取消</a>
</div> -->
</body>
<script src="../../js/formDesign/selectRef.js"></script>
</html>